<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>支付结果</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <!-- top bar -->
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left goBack" th:href="@{/mobile/uc/order/orderList}">
            <span class="iconfont icon-fanhui"></span>
        </a>
        <h1 class='title title-white'>支付结果</h1>
    </header>
    <!-- top bar end-->
    <div class="content order-content">
        <section class="wm-line"></section>
        <div class="card">
            <div class="list-block text-center pl5 pr5 pt5 pb5">
                <th:block th:if="${type}==2">
                    <section class="pt5">
                        <span class="dc-icon-bx ok-icon-bx"><em class="iconfont icon-duihao"></em></span>
                    </section>
                    <h4 style="margin-bottom: .2rem;">太棒了，订单支付成功！</h4>
                </th:block>
                <th:block th:if="${type}==1">
                    <section class="pt5">
                        <span class="dc-icon-bx err-icon-bx"><em class="iconfont icon-guanbi"></em></span>
                    </section>
                    <h4 style="margin-bottom: .2rem;" th:text="${message}"></h4>
                </th:block>
                <span class="fs7 c-orange" th:text="!${#maps.isEmpty(order)}?'￥ '+${order['realPrice']}+'元':'￥ 0元'"></span>
            </div>
            <section class="wm-line"></section>
            <div class="list-block pt5 pb5">
                <ul>
                    <li>
                        <div class="item-content">
                            <div class="item-media">
                                <div class="item-title">订单编号：</div>
                            </div>
                            <div class="item-inner">
                                <div class="item-title" th:text="${orderNo}"></div>
                            </div>
                        </div>
                    </li>
                    <li th:if="${type}==2 and !${#maps.isEmpty(order)}">
                        <div class="item-content">
                            <div class="item-media">
                                <div class="item-title">支付方式：</div>
                            </div>
                            <div class="item-inner">
                                <div class="item-title" th:if="${order['payType']}=='WEIXIN'">微信支付</div>
                                <div class="item-title" th:if="${order['payType']}=='ALIPAY'">支付宝支付</div>
                                <div class="item-title" th:if="${order['payType']}=='ACCOUNT'">账号支付</div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="content-block">
            <div class="row">
                <div th:if="${classesUrl != null && classesUrl !=''}" class="col-50">
                    <a th:href="${classesUrl}" class="button button-big button-fill button-danger">加入班级</a>
                </div>
                <div class="" th:classappend="${classesUrl != null && classesUrl !='' ? 'col-50' : 'col-100'}">
                    <a th:href="@{/mobile/uc/order/orderList}" class="button button-big button-fill button-success">查看详情</a>
                </div>
            </div>
        </div>
    </div>
    <div data-th-replace="layout/footer"></div>
</body>
</html>